// -------------------数据回填--------------------
// 注意 只要是修改操作,就要数据回填
// 数据回填,就是获取到原来的数据,设置输入框的默认值即可
function renderUser() {
  //获取用户数据,设置输入框的默认值
  axios.get("/my/user/userinfo").then((res) => {
    // console.log(res);
    // let {username, nickname, email} = res.data.data;
    // $('input[name=username]').val(username);
    // $('input[name=nickname]').val(usernick);
    // $('input[name=email]').val(email);

    //方法二: 使用layui提供的form.val() 进行数据回填
    let form = layui.form;
    // form.val('表单的 lay-filter 属性值', '数据,必须是对象格式,对象的键必须等于输入框的name')
    form.val("abc", res.data.data);
  });
}
renderUser();

// ------------------完成修改-----------------
$("form").on("submit", function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  axios.post("/my/user/userinfo", data).then((res) => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 更新 index.html 页面的name
      // 调用父页面的函数,必须满足两个条件
      // 1.使用iframe 把两个页面联系到一起,形成父子页面的关系
      // 2.必须在真实的服务器环境中才能使用(必须使用live server打开页面)
      window.parent.getUserInfo();
    }
  });
});

// --------------------重置-------------------
$("button[type=reset]").on("click", function (e) {
  e.preventDefault();
  renderUser();
});
